<script lang="ts">
    import Icon from "../Common/Icons/Icon.svelte";

    const props = $props();
    const classList = $derived({
        "cm-pagination-num": true,
        "cm-pagination-next": true,
        "cm-pagination-num-disabled": props.disabled,
    });
</script>

<!-- svelte-ignore a11y_click_events_have_key_events -->
<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
<li onclick={props.onclick} class={classList}>
    <Icon icon="chevronRight" />
</li>
